<!doctype html>
<html class="no-js" lang="" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="manifest" href="site.webmanifest">
    <link rel="apple-touch-icon" href="icon.png">
    <!-- Place favicon.ico in the root directory -->

    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">

    <!-- bootstarp.css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- fullpage.css -->
    <link rel="stylesheet" href="css/jquery.fullPage.css">

    <!-- style.css -->
    <link rel="stylesheet" href="css/style.css">

    <!-- animate.css -->
    <link rel="stylesheet" href="css/animate.css">

    <style>
        .box2 {
            display:none
        }
        .box3 {
            display:none
        }
    </style>

</head>
<body>

<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->


<div class="header section fp-auto-height s1">
    <div class="header-mp">
        <div class="header-mp-left">
            <div class="logo">
                <img src="img/logo.png" class="left" alt=""/>
                <div class="logo-title left">
                    <p>始于1992年</p>
                    <h3>金属天花、金属幕墙工程解决专家</h3>
                </div>
            </div>
        </div>
        <div class="header-mp-right">
            <div class="header-title">
                <p class="phone">0757-86405493</p>
                <div class="language">
                    <a href="javascript:void (0);" class="l-action">中文</a>|
                    <a href="javascript:void (0);" >English</a>
                </div>
                <div class="search">
                    <form action="" method="post">
                        <div class="kuan"><input name="" type="text" /></div><!--搜索框-->
                        <div class="an"><input name="" type="button" /></div><!--搜索按钮-->
                    </form>
                </div>
            </div>
            <div style="clear: both"></div>
            <ul class="menu">
                <li class="li"><a href="javascript:void (0)" class="active a">首页</a></li>
                <li class="li">
                    <a href="javascript:void (0)" class="a">关于拓得利</a>
                    <div class="secondcolumn">
                        <ul>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>走进拓得利</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>拓得利理念</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>发展历程</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>企业文化</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>企业荣誉</a></li>
                        </ul>
                    </div>
                </li>
                <li class="li">
                    <a href="javascript:void (0)" class="a">项目工程</a>
                    <div class="secondcolumn">
                        <ul>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>室外案例</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>室内案例</a></li>
                        </ul>
                    </div>
                </li>
                <li class="li">
                    <a href="javascript:void (0)" class="a">产品中心</a>
                    <div class="secondcolumn">
                        <ul>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>方板天花</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>条扣天花</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>格栅天花</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>挂片天花</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>屏障天花</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>工程灯</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>铝单板</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>异型天花</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>玻璃幕墙</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>铝门窗</a></li>
                        </ul>
                    </div>
                </li>
                <li class="li">
                    <a href="javascript:void (0)" class="a">服务与支持</a>
                    <div class="secondcolumn">
                        <ul>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>售后服务</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>营销网络</a></li>
                        </ul>
                    </div>
                </li>
                <li class="li">
                    <a href="javascript:void (0)" class="a">招商加盟</a>
                    <div class="secondcolumn">
                        <ul>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>加盟优势</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>加盟支持</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>加盟流程</a></li>
                        </ul>
                    </div>
                </li>
                <li class="li">
                    <a href="javascript:void (0)" class="a">联系我们</a>
                    <div class="secondcolumn">
                        <ul>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>电子地图</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<!--banner-->
<div>
    <img src="img/banner-2.png" width="100%"/>
</div>



<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="main-title">
                <img src="img/about-title.png" class="img-responsive center-block"/>
            </div>
        </div>

        <div class="col-md-12">
            <ul class="navbar-nav">
                <li><a href="#" class="mp-action">走进拓得利</a>|</li>
                <li><a href="#">拓得利理念</a>|</li>
                <li><a href="#">发展历程</a>|</li>
                <li><a href="#">企业文化</a>|</li>
                <li><a href="#">企业荣誉</a></li>
            </ul>
        </div>

        <div class="col-md-12">
            <div class="about-main-title-two">
                <img src="img/product-description.png" class="img-responsive center-block"/>
            </div>
        </div>

        <div class="col-md-12">
            <div class="description-mp wow fadeInUp"  data-wow-duration="2s">
                <p style="font-size: 14px; color: #3b3b3b; margin: 0px 0px 20px 0px;">佛山市南海联兴得利装饰材料有限公司是一家专业生产销售室内外金属铝质天花吊顶、金属单层铝幕墙板、异型天花、轻钢龙骨、铝压纹板、铝蜂窝板、雕刻板、木纹系列天花、集成天花
                吊顶行装饰工程配套材料的大型企业。</p>

                <p style="font-size: 14px; color: #3b3b3b;margin: 20px 0px;">公司成立于1992年，经过多年的经营发展，已发展成一家全国知名度较高的金属铝质材料企业。现我公司拥有大面积一代化生产厂房和办公楼、优雅的环境，公司引进法国萨麦斯SMAES
                全自动氟碳喷涂设备和韩国全自动KCI喷粉生产线，电脑数控液压设备，电脑数控转塔冲床、数控剪床、氩弧焊技术、六条自动喷涂流水线，可满足终端客户不同的数量及要求。</p>

                <p style="font-size: 14px; color: #3b3b3b;margin: 20px 0px;">本公司有多名工程设计人员、设计、生产、销售、安装施工一体化，以“质量与世界同步，服务使用户满意”为目标，积极推行和实施IOS9001：2008质量管理体系，从工程设计，产品
                生产检验，施工安装服务实行严格控制和管理。从售前、售中、售后进行跟踪服务，根据反馈的信息不断改良，不断开拓创新，开发研制绿色环保的建材产品，本公司采用先进的技术，优
                质的材料，精湛的工艺，不断为建筑装饰创造高雅、舒适、健康、环保的建筑装饰精品，是国家装饰材料生产基地，消费者推荐优质产品，不多个重点项目指定产品。本公司各大品牌系列
                天花行销全国各地，出口到东南亚国家，中东、南美、非洲及部分欧洲国家，满足不同工艺标准的要求。</p>

                <p style="font-size: 14px; color: #3b3b3b;margin: 20px 0px;">先进的设备，优良的品质，一流的服务，本公司将与你一起走向更辉煌的明天 。</p>
            </div>

            <div class="row">
                <div class="col-md-12" style="overflow: hidden; margin-bottom: 30px; height: 250px"  >
                    <img src="img/img-10.png" class="wow fadeInUp description-foot-img" data-wow-delay="0.2s" data-wow-duration="2s" />
                    <img src="img/img-11.png" class="wow fadeInUp description-foot-img" data-wow-delay="0.4s" data-wow-duration="2s"/>
                    <img src="img/img-12.png" class="wow fadeInUp description-foot-img" data-wow-delay="0.6s" data-wow-duration="2s"/>
                    <img src="img/img-13.png" class="wow fadeInUp description-foot-img" data-wow-delay="0.8s" data-wow-duration="2s"/>
                </div>
            </div>

        </div>

    </div>
</div>

<div class="container wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="2s">
    <div class="row">
        <div class="col-md-12">
            <div class="server-main-title-two" >
                <img src="img/%20product-concept.png" class="img-responsive center-block"/>
            </div>
        </div>
    </div>
</div>


<div class="concept-mp wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="2s">
    <div class="concept-mp-left">
        <img src="img/about-img1.png"/>
    </div>
    <div class="concept-mp-right">

        <ul class="concept-mp-right-menu" id="oranger2">
            <a href="javascript:;" class="hover2">
                <li>
                    <p>崇尚品质 <small>QUALITY</small></p>
                </li>
            </a>
            <a href="javascript:;">
                <li>
                    <p>崇尚时尚 <small>FASHION</small></p>
                </li>
            </a>
            <a href="javascript:;">
                <li>
                    <p>崇尚创新 <small>INNOVATION</small></p>
                </li>
            </a>
        </ul>

        <div id="tablea2" class="tablea2">
            <div class="box3">
                <div class="concept-mp-right-box">
                    <img src="img/about-img1.png" style="border-radius: 50%; height: 100px ;width: 100px;" class="img-responsive center-block"/>
                    <h2>崇尚品质1</h2>
                    <div class="concept-hr"></div>
                    <p>捕捉低调奢华中轻舞飞扬的灵动</p>
                </div>
            </div>
            <div class="box3">
                <div class="concept-mp-right-box">
                    <img src="img/about-img1.png" style="border-radius: 50%; height: 100px ;width: 100px;" class="img-responsive center-block"/>
                    <h2>崇尚品质2</h2>
                    <div class="concept-hr"></div>
                    <p>捕捉低调奢华中轻舞飞扬的灵动</p>
                </div>
            </div>
            <div class="box3">
                <div class="concept-mp-right-box">
                    <img src="img/about-img1.png" style="border-radius: 50%; height: 100px ;width: 100px;" class="img-responsive center-block"/>
                    <h2>崇尚品质3</h2>
                    <div class="concept-hr"></div>
                    <p>捕捉低调奢华中轻舞飞扬的灵动</p>
                </div>
            </div>

        </div>



    </div>
</div>



<div class="history-bg wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="2s">
    <div class="container">
        <div class="row">
            <div class="col-md-12 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="2s">
                <div class="server-main-title-two">
                    <img src="img/history.png" class="img-responsive center-block"/>
                </div>
            </div>

            <div class="col-md-12wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="2s" >
                <ul class="history-meun" id="oranger">
                    <a href="javascript:;" class="hover">
                        <li>
                            <div class="history-meun-i i-action">
                                <div class="history-meun-icon">
                                </div>
                            </div>
                            <p class="history-meun-p">1992-2001</p>
                        </li>
                        <li>
                            <div style="height: 1px;background:#4c8d7f;margin: 20px auto 0 auto;width: 80px;"></div>
                        </li>
                    </a>



                    <a href="javascript:;">
                    <li>
                        <div class="history-meun-i i-action">
                            <div class="history-meun-icon ">
                            </div>
                        </div>
                        <p class="history-meun-p">2002-2006</p>
                    </li>
                        <li>
                            <div style="height: 1px;background:#4c8d7f;margin: 20px auto 0 auto;width: 80px;"></div>
                        </li>
                    </a>



                    <a href="javascript:;">
                    <li>
                        <div class="history-meun-i i-action">
                            <div class="history-meun-icon">
                            </div>
                        </div>
                        <p class="history-meun-p">2007-2009</p>
                    </li>
                        <li>
                            <div style="height: 1px;background:#4c8d7f;margin: 20px auto 0 auto;width: 80px;"></div>
                        </li>
                    </a>



                    <a href="javascript:;">
                    <li>
                        <div class="history-meun-i i-action">
                            <div class="history-meun-icon ">
                            </div>
                        </div>
                        <p class="history-meun-p">2010-2012</p>
                    </li>
                        <li>
                            <div style="height: 1px;background:#4c8d7f;margin: 20px auto 0 auto;width: 80px;"></div>
                        </li>
                    </a>


                    <a href="javascript:;">
                    <li>
                        <div class="history-meun-i i-action">
                            <div class="history-meun-icon">
                            </div>
                        </div>
                        <p class="history-meun-p">2013-2017</p>
                    </li>
                    </a>

                    <div style="clear: both"></div>
                </ul>



                <div id="tablea" class="tablea">
                    <div class="box2">
                        <div class="history-mp">
                            <div class="left" style="width: 450px;margin-top: 30px">
                                <h2 class="history-mp-h2">1992-2001</h2>
                                <ul class="history-mp-list">
                                    <li>
                                        <p>创立“宝鸿利”品牌，开始集成吊顶一体化之路1</p>
                                    </li>
                                    <li>
                                        <p>增设木纹转印、铝蜂窝产品系列，进一步实现产品多元化1</p>
                                    </li>
                                </ul>
                            </div>
                            <div class="right" style="margin-top: 30px" >
                                <img src="img/img110.png">
                            </div>
                        </div>
                    </div>
                    <div class="box2">
                        <div class="history-mp">
                            <div class="left" style="width: 450px;margin-top: 30px">
                                <h2 class="history-mp-h2">2002-2006</h2>
                                <ul class="history-mp-list">
                                    <li>
                                        <p>创立“宝鸿利”品牌，开始集成吊顶一体化之路2</p>
                                    </li>
                                    <li>
                                        <p>增设木纹转印、铝蜂窝产品系列，进一步实现产品多元化2</p>
                                    </li>
                                </ul>
                            </div>
                            <div class="right" style="margin-top: 30px" >
                                <img src="img/img110.png">
                            </div>
                        </div>
                    </div>
                    <div class="box2">
                        <div class="history-mp">
                            <div class="left" style="width: 450px;margin-top: 30px">
                                <h2 class="history-mp-h2">2007-2009</h2>
                                <ul class="history-mp-list">
                                    <li>
                                        <p>创立“宝鸿利”品牌，开始集成吊顶一体化之路3</p>
                                    </li>
                                    <li>
                                        <p>增设木纹转印、铝蜂窝产品系列，进一步实现产品多元化3</p>
                                    </li>
                                </ul>
                            </div>
                            <div class="right" style="margin-top: 30px" >
                                <img src="img/img110.png">
                            </div>
                        </div>
                    </div>
                    <div class="box2">
                        <div class="history-mp">
                            <div class="left" style="width: 450px;margin-top: 30px">
                                <h2 class="history-mp-h2">2010-2012</h2>
                                <ul class="history-mp-list">
                                    <li>
                                        <p>创立“宝鸿利”品牌，开始集成吊顶一体化之路4</p>
                                    </li>
                                    <li>
                                        <p>增设木纹转印、铝蜂窝产品系列，进一步实现产品多元化4</p>
                                    </li>
                                </ul>
                            </div>
                            <div class="right" style="margin-top: 30px" >
                                <img src="img/img110.png">
                            </div>
                        </div>
                    </div>

                    <div class="box2">
                        <div class="history-mp">
                            <div class="left" style="width: 450px;margin-top: 30px">
                                <h2 class="history-mp-h2">2013-2017</h2>
                                <ul class="history-mp-list">
                                    <li>
                                        <p>创立“宝鸿利”品牌，开始集成吊顶一体化之路5</p>
                                    </li>
                                    <li>
                                        <p>增设木纹转印、铝蜂窝产品系列，进一步实现产品多元化5</p>
                                    </li>
                                </ul>
                            </div>
                            <div class="right" style="margin-top: 30px" >
                                <img src="img/img110.png">
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>


<div class="container wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="2s">
    <div class="row">
        <div class="col-md-12 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="2s">
            <div class="server-main-title-two">
                <img src="img/product-culture.png" class="img-responsive center-block"/>
            </div>
        </div>
        <div class="col-md-12 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="2s">
            <div class="row">
                <div class="col-md-4 culture-ci">
                    <img src="img/img-15.png" style="margin-top: 15px"/>
                </div>
                <div class="col-md-8 culture-cp" >
                    <p class="culture-p"><span>团队精神：</span>团队是靠集体的力量，既有明确的分工，又有密切的协作，齐心协力战胜比自己强大的对手。</p>
                    <p class="culture-p"><span>永不言败：</span>只要团队锁定目标，只改办法不改目标，不达目标誓不罢休，永不言败。</p>
                    <p class="culture-p"><span>敏锐的观察力：</span>我们对市场时刻都保持着高度的警惕性，注意观察市场环境的变化，不放过任何一个可成功的机会 。</p>
                    <p class="culture-p"><span>主动出击：</span>优胜劣汰，适者生存。我们从不守株待兔，而是认真主动地观察和寻找目标。</p>
                    <p class="culture-p"><span>严密的组织：</span>为了共同目标合作，我们有着严明的组织系统和分工，职责明确，步调一致。</p>
                    <p class="culture-p"><span>勇于奉献：</span>在联兴得利这个大家庭中，我们具有许多优良品性和精神，尤其是勇于奉献精神。</p>
                </div>
            </div>
        </div>
        <div class="col-md-12 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="2s">
            <div class="server-main-title-two">
                <img src="img/honor-title.png" class="img-responsive center-block"/>
            </div>
        </div>
        <div class="col-md-12 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="2s">
            <div class="brand-mp">
                <div class="box">
                    <span class="prev"><img src="img/jt-left.png"/> </span>
                    <div>
                        <ul id="roll">
                            <li><img src="img/honor-1.png"/></li>
                            <li><img src="img/honor-2.png"/></li>
                            <li><img src="img/honor-3.png"/></li>
                            <li><img src="img/honor-4.png"/></li>
                            <li><img src="img/honor-4.png"/></li>
                        </ul>
                    </div>
                    <span class="next"><img src="img/jt-right.png"/></span>
                </div>
            </div>
            <div style="margin: 0 auto; width: 1056px">
                <img src="img/shelf.png">
            </div>
        </div>


        <div class="col-md-12" style="margin-top: 40px; margin-bottom: 30px">
            <hr/>
            <ul class="links">
                <h3>友情链接：</h3>
                <li>
                    <a href="#">联兴得利装饰材料</a>
                </li>
                <li>
                    <a href="#">友帮集成吊顶</a>
                </li>
                <li>
                    <a href="#">佛山装饰材料协会</a>
                </li>
                <li>
                    <a href="#">佛山吊顶天花协会</a>
                </li>
                <li>
                    <a href="#">友帮集成吊顶</a>
                </li>
                <li>
                    <a href="#">佛山装饰材料协会</a>
                </li>
                <li>
                    <a href="#">联兴得利装饰材料</a>
                </li>
                <li>
                    <a href="#">友帮集成吊顶</a>
                </li>
                <li>
                    <a href="#">佛山装饰材料协会</a>
                </li>
                <li>
                    <a href="#">佛山吊顶天花协会</a>
                </li>
                <li>
                    <a href="#">友帮集成吊顶</a>
                </li>
                <li>
                    <a href="#">佛山装饰材料协会</a>
                </li>
                <li>
                    <a href="#">联兴得利装饰材料</a>
                </li>
                <li>
                    <a href="#">友帮集成吊顶</a>
                </li>
                <li>
                    <a href="#">佛山装饰材料协会</a>
                </li>
                <li>
                    <a href="#">佛山吊顶天花协会</a>
                </li>
            </ul>
        </div>

    </div>
</div>



<div class="footer-bg">
    <div class="footer-container">
        <ul class="footer-meun">
            <li class="footer-meun-li">
                <h3>关于拓得利</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">走进拓得利</a></li>
                    <li><a href="javascript:void (0)">发展历史</a></li>
                    <li><a href="javascript:void (0)">企业理念</a></li>
                    <li><a href="javascript:void (0)">企业荣誉</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>项目案例</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">室内案例</a></li>
                    <li><a href="javascript:void (0)">室外案例</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>产品中心</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">方板天花</a></li>
                    <li><a href="javascript:void (0)">条扣天花</a></li>
                    <li><a href="javascript:void (0)">格栅天花</a></li>
                    <li><a href="javascript:void (0)">挂片天花</a></li>
                    <li><a href="javascript:void (0)">屏障天花</a></li>
                    <li><a href="javascript:void (0)">工程灯</a></li>
                    <li><a href="javascript:void (0)">铝单板</a></li>
                    <li><a href="javascript:void (0)">异型天花</a></li>
                    <li><a href="javascript:void (0)">玻璃幕墙</a></li>
                    <li><a href="javascript:void (0)">铝门窗</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>新闻中心</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">企业新闻</a></li>
                    <li><a href="javascript:void (0)">行业动态</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>服务与支持</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">售后服务</a></li>
                    <li><a href="javascript:void (0)">营销网络</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>招商加盟</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">加盟优势</a></li>
                    <li><a href="javascript:void (0)">加盟支持</a></li>
                    <li><a href="javascript:void (0)">加盟流程</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>联系我们</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">电子地图</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>其他品牌</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">维斯特</a></li>
                    <li><a href="javascript:void (0)">联兴得利</a></li>
                    <li><a href="javascript:void (0)">联兴</a></li>
                    <li><a href="javascript:void (0)">宝利鸿</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>社交媒体</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)"><img src="img/icon-wechat.png" style="padding-right: 5px"/>微信</a></li>
                    <li><a href="javascript:void (0)"><img src="img/icon-weibo.png" style="padding-right: 5px"/>新浪微博-拓得利</a></li>
                    <li><a href="javascript:void (0)"><img src="img/icon-facebook.png" style="padding-right: 5px"/>facebook-拓得利</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="footer-bottom after-box">
        <span>广东省佛山市南海联兴得利装饰材料有限公司</span>   <span>版权所有</span>   <span>备案号：粤IPC 05032019-3</span>      <span>地址：广东省佛山市南海区罗村联和工业区石碣朗西1号</span>       <span>电话：0757-86405493</span>
    </div>
</div>
<!--回到顶部-->
<div id="elevator_item">
    <a id="elevator" onclick="return false;" title="回到顶部">
        <div class="go-top"><img src="img/ioon-TOP.png"/></div>
    </a>
</div>


<!-- Add your site or application content here -->
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>

<script src="js/bootstrap.min.js"></script>

<!--回到顶部-->
<script type="text/javascript">
    $(function() {
        $(window).scroll(function(){
            var scrolltop=$(this).scrollTop();
            if(scrolltop>=200){
                $("#elevator_item").show();
            }else{
                $("#elevator_item").hide();
            }
        });
        $("#elevator").click(function(){
            $("html,body").animate({scrollTop: 0}, 500);
        });
        $(".qr").hover(function(){
            $(".qr-popup").show();
        },function(){
            $(".qr-popup").hide();
        });
    });
</script>

<script src="js/super_slider.js"></script>
<script>
    $(".box").superSlider({
        prevBtn: 	 ".prev",//左按钮
        nextBtn: 	 ".next",//右按钮
        listCont:    "#roll",//滚动列表外层
        scrollWhere: "prev",//自动滚动方向next
        delayTime: 	 3000,//自动轮播时间间隔
        speed: 		 300,//滚动速度
        amount: 	 1,//单次滚动数量
        showNum: 	 4,//显示数量
        autoPlay: 	 true//自动播放
    });
</script>


<script src="js/wow.min.js"></script>
<script>
    new WOW().init();
</script>


<script>
    $(function(){
        $(".tablea").find(".box2:first").show();    //为每个BOX的第一个元素显示
        $("#oranger a").on("mouseover",function(){ //给a标签添加事件
            var index=$(this).index();  //获取当前a标签的个数
            $(this).parent().next().find(".box2").hide().eq(index).show(); //返回上一层，在下面查找css名为box隐藏，然后选中的显示
            $(this).addClass("hover").siblings().removeClass("hover"); //a标签显示，同辈元素隐藏
        });

    });
    $(function(){
        $(".tablea2").find(".box3:first").show();    //为每个BOX的第一个元素显示
        $("#oranger2 a").on("mouseover",function(){ //给a标签添加事件
            var index=$(this).index();  //获取当前a标签的个数
            console.log(index);
            $(this).parent().next().find(".box3").hide().eq(index).show(); //返回上一层，在下面查找css名为box隐藏，然后选中的显示
            $(this).addClass("hover2").siblings().removeClass("hover2"); //a标签显示，同辈元素隐藏
        });

    })
</script>



</body>
</html>
